// 顶部导航栏高度
$layoutHeaderHeight: 60px;
// 顶部导航栏背景色
$layoutHeaderBackground: #1a4ba7;
// 顶部导航栏两侧的边距
$layoutHeaderPadding: 0 15px 0 10px;
// logo 颜色
$logoColor: #f4dc20;
// logo 大小
$logoSize: 34px;
// logo 图标与文字的距离
$logoGap: 16px;
// logo 文字的颜色
$logoTextColor: #fff;
// logo 文字的字号
$logoTextSize: 28px;
// logo 文字的 fontWeight
$logoTextWeight: 700;
// 顶部导航栏菜单选项的高度
$layoutHeaderMenuItemHeight: 56px;
// 顶部导航栏菜单选项的文字大小
$layoutHeaderMenuItemTextSize: 15px;
// 顶部导航栏菜单选项的文字颜色
$layoutHeaderMenuItemColor: #ffffffb8;
// 顶部导航栏菜单选项激活时的文字颜色
$layoutHeaderMenuItemActiveColor: #fff;
// 顶部导航栏菜单选项激活时的背景色
$layoutHeaderMenuItemActiveBackground: #1966e2;
// 顶部导航栏右侧用户区域文字颜色
$layoutHeaderUserAreaColor: rgba(#fff, 0.7);
// 顶部导航栏右侧用户区域图标大小
$layoutHeaderUserAreaIconSize: 18px;
// 顶部导航栏右侧用户区域图标间隔
$layoutHeaderUserAreaGap: 15px;
// 顶部导航栏右侧用户区域文字大小
$layoutHeaderUserAreaTextSize: 14px;
// 顶部二级菜单背景色
$topSubmenuBackground: #1966e2;
// 顶部二级菜单项图标大小
$topSubmenuItemIconSize: 14px;
// 顶部二级菜单项文字大小
$topSubmenuItemTextSize: 14px;
// 顶部二级菜单项文字颜色
$topSubmenuItemColor: #fffc;
// 顶部二级菜单项激活时的文字颜色
$topSubmenuItemActiveColor: #fff;
// 顶部二级菜单项激活时的背景色
$topSubmenuItemActiveBackground: #0254da;
// 侧边栏背景色
$sidebarBackground: #1a4ba7;
// 侧边栏默认宽度
$sidebarWidth: 200px;
// 侧边栏收缩后宽度
$sidebarCollapsedWidth: 65px;
// 侧边栏底部背景色
$sidebarBottomBackground: transparent;
// 菜单项高度
$menuItemHeight: 50px;
// 菜单项文字大小
$menuItemTextSize: 16px;
// 菜单激活时的背景色
$menuItemActiveBackground: #155bd4;
// 菜单文字默认颜色
$menuItemTextColor: #fff;
// 菜单激活时文字颜色
$menuItemTextActiveColor: #fff;
// 菜单标签栏的高度
$menuTabsHeight: 50px;
// 菜单标签栏标签的高度
$menuTabsItemHeight: 36px;
// 菜单标签栏标签激活时的背景色
$menuTabsItemActiveBackground: #e8f4fe;
// 菜单标签栏标签激活时的文字颜色
$menuTabsItemActiveColor: #1777f5;
// 中央内容区域背景色
$mainContentBackground: #eaecf3;
// 默认阴影
$baseBoxShadow: 0 1px 4px rgba(0 21 41 / 8%);
// 默认动画
$baseTransition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border 0s,
  background 0s, color 0s, font-size 0s;

.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: $baseTransition;
}

.fade-transform-enter {
  opacity: 0%;
}

.fade-transform-leave-to {
  opacity: 0%;
}

/* stylelint-disable */
:export {
  menuItemTextColor: $menuItemTextColor;
  menuItemTextActiveColor: $menuItemTextActiveColor;
}
